<template>
  <div class="m-whats-app">
    <a
      class="side-consult"
      href="https://api.whatsapp.com/send/?phone=8613720015071&text=Hello+friend%2C+which+machinery+do+you+need%3F&type=phone_number&app_absent=0"
      target="_blank"
    >
      <img class="inner-img" src="https://yunlian-oss-product.oss-cn-hangzhou.aliyuncs.com/website/whatsapp.png" alt="WhatsApp" />
    </a>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.m-whats-app {
  position: fixed;
  bottom: 340px;
  right: 0;
  cursor: pointer;
  z-index: 999;
  .side-consult {
    display: flex;
    align-items: center;
    .inner-img {
      height: 230px;
      width: 230px;
      display: block;
    }
  }
}
</style>
